<template>
  <div>
    <h2>双向绑定</h2>
    <h2>{{str}}</h2>
    <!--
        .number 自动转换成数字（输入数字有效）
        .trim   去除字符串首尾的空白字符
        .lazy   在"change"时，而非"input'"时更新（失去焦点时才更新数据）
    -->
    <input type="text"  v-model.lazy="str">
    <input type="text"  v-model.number="age">
    <input type="text"  v-model.trim="name">
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      str:'hello,word',
      age:11,
      name:' 张三'
    }
  },
  methods:{
    one () {
      // console.log(e.target);
      // this.str='张三历险记'
      // 反转数字（转成数组，翻转数组，拼接成字符串）
      this.str = this.str.split('').reverse().join('')
    }
  }
}
</script>

<style>
  h2 {
    color: sandybrown;
  }
</style>